<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<title>First</title>
</head>

<body>
	<h1>this is h1</h1>
	<h2>this is h2</h2>

	<a id="tips">tips here !</a>

	<h3>this is h3</h3>
	<h4>this is h4</h4>
	<h5>this is h5</h5>
	<h6>this is h6</h6>
	
	<p>
		this is a p!
	</p>

	<a href="https://www.baidu.com" target="_blank">Baidu</a>
	<br/>

	<hr>
	<img src="../img/image.jpg" width="360" height="240">
	<br/>

	<!-- this is a comment-->

	<b>Bold</b>
	<br>

	<i>Italic</i>
	<br>

	<pre>
	for (int i = 0; i < size; i++) {
		sum += i;
	}
	</pre>

	<a href="#tips">jump to tips</a>

	<p>
		this type I like<sup>[10]</sup>
		<br>

		this type I dislike <sub>[08]</sub>
		<br>
	</p>

</body>

</html>